import React from 'react';
import Texty from 'ronds-react-ui/es/components/BaseTable/Texty';

interface INormalCellProps {
  label: string;
  value: string;
}

const NormalCell = (props: INormalCellProps) => {
  const { label, value } = props;

  return (
    <div className="node-info-block">
      <div className="node-info-block-line" />
      <div className="node-info-block-left-text pl-10">{label}:</div>
      <div className="pl-10" style={{ flex: 1, width: '20px' }}>
        <Texty>{value.toString()}</Texty>
      </div>
    </div>
  );
};

export default NormalCell;
